<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>OUIF : Ordered List</title>
<link rel="stylesheet" type="text/css" href="ol.css">
</head>
<body>
<div class="listO">
	<h2>주간 <em>다운로드 순위</em></h2>
	<ol>
		<li class="best"><span class="ranking">1</span><a href="#">무궁화 꽃이 피었습니다.</a><span class="num">100</span></li>
		<li class="best"><span class="ranking">2</span><a href="#">무궁화 꽃이 피었습니다.</a><span class="num">100</span></li>
		<li class="best"><span class="ranking">3</span><a href="#">무궁화 꽃이 피었습니다.</a><span class="num">100</span></li>
		<li><span class="ranking">4</span><a href="#">무궁화 꽃이 피었습니다.</a><span class="num">100</span></li>
		<li><span class="ranking">5</span><a href="#">무궁화 꽃이 피었습니다.</a><span class="num">100</span></li>
		<li><span class="ranking">6</span><a href="#">무궁화 꽃이 피었습니다.</a><span class="num">100</span></li>
		<li><span class="ranking">7</span><a href="#">무궁화 꽃이 피었습니다.</a><span class="num">100</span></li>
		<li><span class="ranking">8</span><a href="#">무궁화 꽃이 피었습니다.</a><span class="num">100</span></li>
		<li><span class="ranking">9</span><a href="#">무궁화 꽃이 피었습니다.</a><span class="num">100</span></li>
		<li><span class="ranking">10</span><a href="#">무궁화 꽃이 피었습니다.</a><span class="num">100</span></li>
	</ol>
	<a href="#" class="more"><span>&rsaquo;</span>더보기</a>
</div>
</body>
</html>
